<template>
	<div>
		<h1>App</h1>
		<!-- 
      v-model
        给普通DOM元素绑定，绑定元素的value属性和input事件
        给组件绑定，给组件传递一个props属性：value
                   给组件绑定一个自定义事件：input
     -->
		<AComp v-model="count" />

		<!-- 
      v-bind:count="count" 传递一个props数据，count

      :xxx.sync="xxx"
        传递一个props数据: xxx
        传递一个自定义事件: update:xxx
     -->
		<BComp :count.sync="count" :xxx.sync="xxx" />
	</div>
</template>

<script>
import AComp from "./AComp.vue";
import BComp from "./BComp.vue";

export default {
	name: "App",
	data() {
		return {
			count: 0,
			xxx: 0,
		};
	},
	components: {
		AComp,
		BComp,
	},
};
</script>

<style></style>
